<template>
  <div class="hello">
      <el-container>
          <el-aside width="17%">
              <leftContainer :items="items">

              </leftContainer>


          </el-aside>
          <el-container>

              <contactBox></contactBox>

          </el-container>
      </el-container>
  </div>




</template>

<script>
    import axios from 'axios'
    import leftContainer from './contact/leftContainer.vue'
    import contactBox from './contact/contactBox.vue'
    import "../style/css/base.css"
    import "../style/css/container.css"
    window.operatorInvestorAdmin={}
export default {
    name: 'HelloWorld',
    data ()
    {
        return {
            value1: '',
            items:{},

        }
    }
    ,
    components:{
        leftContainer,
                contactBox
    },
    created()
    {
        axios.get('/api/rest/operator-investor-admin/index')
                .then(response => {
            const result = response.data
            if (result.code===100000) {
                this.items = result.items
        window.operatorInvestorAdmin=result
             //console.log(window.operatorInvestorAdmin)
                //this.projects=items.investors.projects
                //console.log( this.items)
            }
    })
   /* .catch(error => {
        console.log(error)
    })*/
        /*this.$http.get('/api/rest/operator-investor-admin/index').then(function (res) {

            const result = res.data;
           if (result.code===100000) {
                this.items = result.items

            }

        });*/

    },
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .hello{
        width:100%;
        height:100%;
    }
    .el-container{
        width:100%;
        height:100%;
    }
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
